<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="swiper-4.5.0/dist/css/swiper.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/goumai.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
<div class="header">
    <div class="container">
        <div class="row">
            <div class="col-md-8">
                <a href="">小米商城 |</a>
                <a href="">MIUI |</a>
                <a href="">loT |</a>
                <a href="">云服务 |</a>
                <a href="">金融 |</a>
                <a href="">有品 |</a>
                <a href="">小爱开放平台 |</a>
                <a href="">企业团购 |</a>
                <a href="">资质证照 |</a>
                <a href="">协议规定 |</a>
                <a href="" id="head-a">下载app |</a>
                <div id="head-b" style="display: none">
                    <img src="images/xiazai.png" alt="">
                    <p>wodiu</p>
                </div>
                <a href="goumai.html">Select Region</a>
            </div>
            <div class="col-md-4">
                <a href="denglu.html">登录 |</a>
                <a href="">注册 |</a>
                <a href="">消息通知</a>
                <a href="" class="gouwuche">
                    <i class="iconfont gwc">&#xe6ec;</i>购物车（0）
                </a>
            </div>
        </div>
        <div class="gg">
            <a href="">购物车中还没有商品，赶紧选购吧！</a>
        </div>
    </div>
</div>
<div class="naa">
    <div class="nav">
        <div class="container">
            <nav class="navbar navbar-expand-lg navbar-light bg-light pl-0 pr-0">
                <div class="nav-r">
                    <div class="nav-l">
                        <a class="navbar-brand" href="#"><img src="images/logo_07.gif" alt=""></a>
                        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                            <span class="navbar-toggler-icon"></span>
                        </button>
                    </div>
                    <div class="collapse navbar-collapse" id="navbarSupportedContent" style="margin-right: 0px;">
                        <ul class="navbar-nav mr-auto">
                            <li class="nav-item active tiema">
                                <a class="nav-link quanbu" href="#" id="a1">全部商品分类<span class="sr-only">(current)</span></a>
                                <div class="menu-l" style="position: relative;z-index: 2;">
                                    <ul class="show">
                                        <li>
                                            <a href="">手机 电话卡</a>
                                            <div class="mk">
                                                <div class="ml-a">
                                                    <div class="ml">
                                                        <img src="images/1-1-1.png" alt="">
                                                        <span href="">小米9</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/1-1-2.png" alt="">
                                                        <span href="">小米9 SE</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/1-1-3.png" alt="">
                                                        <span href="">小米MIX 3</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/1-1-4.png" alt="">
                                                        <span href="">小米8 青春版</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/1-1-5.png" alt="">
                                                        <span href="">小米8 屏幕指纹版</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/1-1-6.png" alt="">
                                                        <span href="">小米8</span>
                                                    </div>
                                                </div>
                                                <div class="ml-a">
                                                    <div class="ml">
                                                        <img src="images/1-2-1.png" alt="">
                                                        <span href="">小米8 SE</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/1-2-2.png" alt="">
                                                        <span href="">小米MIX 2S</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/1-2-3.png" alt="">
                                                        <span href="">小米Max 3</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/1-2-4.jpg" alt="">
                                                        <span href="">小米6X</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/1-2-5.jpg" alt="">
                                                        <span href="">小米黑鲨游戏手机</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/1-2-6.png" alt="">
                                                        <span href="">小米黑鲨游戏手机Helo</span>
                                                    </div>
                                                </div>
                                                <div class="ml-a">
                                                    <div class="ml">
                                                        <img src="images/1-3-1.jpg" alt="">
                                                        <span href="">Redemi K20 Pro</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/1-3-2.jpg" alt="">
                                                        <span href="">Redemi K20</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/133.jpg" alt="">
                                                        <span href="">Redemi 7A</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/134.png" alt="">
                                                        <span href="">Redemi 7</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/135.jpg" alt="">
                                                        <span href="">Redemi Note 7 Pro</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/136.png" alt="">
                                                        <span href="">Redemi Note 7</span>
                                                    </div>
                                                </div>
                                                <div class="ml-a">
                                                    <div class="ml">
                                                        <img src="images/141.jpg" alt="">
                                                        <span href="">移动4G+专区</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/142.jpg" alt="">
                                                        <span href="">对比手机</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/143.jpg" alt="">
                                                        <span href="">米粉卡 日租卡</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/144.jpg" alt="">
                                                        <span href="">小米移动 电话卡</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/145.png" alt="">
                                                        <span href="">手机上门维修</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/146.jpg" alt="">
                                                        <span href="">云服务空间月卡</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <a href="">电视 盒子</a>
                                            <div class="mk" style="top:-63px!important;">
                                                <div class="ml-a">
                                                    <div class="ml">
                                                        <img src="images/211.jpg" alt="">
                                                        <span href="">米家激光投影电视</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/212.jpg" alt="">
                                                        <span href="">小米壁画电视 65英寸</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/213.jpg" alt="">
                                                        <span href="">小米全面屏电视</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/214.png" alt="">
                                                        <span href="">小米电视4A 32英寸</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/215.png" alt="">
                                                        <span href="">小米电视4A 43英寸青春</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/216.jpg" alt="">
                                                        <span href="">小米电视4A 49英寸</span>
                                                    </div>
                                                </div>
                                                <div class="ml-a">
                                                    <div class="ml">
                                                        <img src="images/221.png" alt="">
                                                        <span href="">小米电视4A 50英寸</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/222.png" alt="">
                                                        <span href="">小米电视4A 55英寸</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/223.png" alt="">
                                                        <span href="">小米电视4A 58英寸</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/224.png" alt="">
                                                        <span href="">小米电视4A 65英寸</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/225.png" alt="">
                                                        <span href="">小米电视4C 32英寸</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/226.jpg" alt="">
                                                        <span href="">小米电视4C 40英寸</span>
                                                    </div>
                                                </div>
                                                <div class="ml-a">
                                                    <div class="ml">
                                                        <img src="images/231.png" alt="">
                                                        <span href="">小米电视4C 43英寸</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/232.png" alt="">
                                                        <span href="">小米电视4C 50英寸</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/233.jpg" alt="">
                                                        <span href="">小米电视4C 55英寸</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/234.png" alt="">
                                                        <span href="">小米电视4X 43英寸</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/235.png" alt="">
                                                        <span href="">小米电视4X 55英寸</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/236.jpg" alt="">
                                                        <span href="">小米电视4X 65英寸</span>
                                                    </div>
                                                </div>
                                                <div class="ml-a">
                                                    <div class="ml">
                                                        <img src="images/241.png" alt="">
                                                        <span href="">小米电视4 55英寸</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/242.jpg" alt="">
                                                        <span href="">小米电视4 65英寸旗舰</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/243.jpg" alt="">
                                                        <span href="">小米电视4 75英寸</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/244.png" alt="">
                                                        <span href="">小米电视4S</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/245.png" alt="">
                                                        <span href="">小米电视体育版</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/246.jpg" alt="">
                                                        <span href="">小米盒子</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <a href="">笔记本 平板</a>
                                            <div class="mk" style="width: 496px!important; top:-105px!important;">
                                                <div class="ml-a" style="width: 50%!important;">
                                                    <div class="ml">
                                                        <img src="images/311.jpg" alt="">
                                                        <span href="">小米笔记本 15.6"</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/312.png" alt="">
                                                        <span href="">小米笔记本 13.3"</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/313.jpg" alt="">
                                                        <span href="">小米笔记本 12.5"</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/314.png" alt="">
                                                        <span href="">RedemiBook 14</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/315.jpg" alt="">
                                                        <span href="">小米游戏本</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/316.jpg" alt="">
                                                        <span href="">小米平板4</span>
                                                    </div>
                                                </div>
                                                <div class="ml-a" style="width: 50%!important;">
                                                    <div class="ml">
                                                        <img src="images/221.png" alt="">
                                                        <span href="">小米电视4A 50英寸</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/222.png" alt="">
                                                        <span href="">小米电视4A 55英寸</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/223.png" alt="">
                                                        <span href="">小米电视4A 58英寸</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/224.png" alt="">
                                                        <span href="">小米电视4A 65英寸</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/225.png" alt="">
                                                        <span href="">小米电视4C 32英寸</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/226.jpg" alt="">
                                                        <span href="">小米电视4C 40英寸</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <a href="">家电 插线板</a>
                                            <div class="mk" style="top:-147px!important;">
                                                <div class="ml-a">
                                                    <div class="ml">
                                                        <img src="images/411.png" alt="">
                                                        <span href="">米家立式空调</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/412.png" alt="">
                                                        <span href="">米家空调</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/413.png" alt="">
                                                        <span href="">米家烘洗一体机</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/414.jpg" alt="">
                                                        <span href="">Redemi全自动轮洗衣机</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/415.jpg" alt="">
                                                        <span href="">净水器</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/416.png" alt="">
                                                        <span href="">净水器滤芯</span>
                                                    </div>
                                                </div>
                                                <div class="ml-a">
                                                    <div class="ml">
                                                        <img src="images/421.jpg" alt="">
                                                        <span href="">扫地机器人</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/422.jpg" alt="">
                                                        <span href="">吸尘器</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/423.jpg" alt="">
                                                        <span href="">空气净化器</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/424.jpg" alt="">
                                                        <span href="">电饭煲</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/425.jpg" alt="">
                                                        <span href="">电磁炉</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/426.jpg" alt="">
                                                        <span href="">厨房用具</span>
                                                    </div>
                                                </div>
                                                <div class="ml-a">
                                                    <div class="ml">
                                                        <img src="images/431.jpg" alt="">
                                                        <span href="">电水壶</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/432.jpg" alt="">
                                                        <span href="">滤水壶</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/433.png" alt="">
                                                        <span href="">落地风扇</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/434.png" alt="">
                                                        <span href="">投影仪</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/435.jpg" alt="">
                                                        <span href="">灯具</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/436.jpg" alt="">
                                                        <span href="">插线板</span>
                                                    </div>
                                                </div>
                                                <div class="ml-a">
                                                    <div class="ml">
                                                        <img src="images/441.jpg" alt="">
                                                        <span href="">新风机</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/442.jpg" alt="">
                                                        <span href="">电暖器</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/443.jpg" alt="">
                                                        <span href="">电压力锅</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/444.jpg" alt="">
                                                        <span href="">理料机</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/445.jpg" alt="">
                                                        <span href="">电煮壶</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <a href="">出行 穿戴</a>
                                            <div class="mk" style="width: 496px!important;top: -189px!important;">
                                                <div class="ml-a" style="width: 50%!important;">
                                                    <div class="ml">
                                                        <img src="images/511.png" alt="">
                                                        <span href="">手环手表</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/512.jpg" alt="">
                                                        <span href="">VR</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/513.jpg" alt="">
                                                        <span href="">平衡车</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/514.jpg" alt="">
                                                        <span href="">滑板车</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/515.jpg" alt="">
                                                        <span href="">车载逆变器</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/516.jpg" alt="">
                                                        <span href="">平衡车配件</span>
                                                    </div>
                                                </div>
                                                <div class="ml-a" style="width: 50%!important;">
                                                    <div class="ml">
                                                        <img src="images/521.jpg" alt="">
                                                        <span href="">智能后视镜</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/522.jpg" alt="">
                                                        <span href="">智能记录仪</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/523.jpg" alt="">
                                                        <span href="">车载空气净化器</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/524.jpg" alt="">
                                                        <span href="">无线车充</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/525.jpg" alt="">
                                                        <span href="">充气宝</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/526.jpg" alt="">
                                                        <span href="">平衡轮</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <a href="">智能 路由器</a>
                                            <div class="mk" style="width: 496px!important;top: -231px!important;">
                                                <div class="ml-a" style="width: 50%!important;">
                                                    <div class="ml">
                                                        <img src="images/611.jpg" alt="">
                                                        <span href="">打印机</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/612.jpg" alt="">
                                                        <span href="">路由器</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/613.jpg" alt="">
                                                        <span href="">智能家庭</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/614.jpg" alt="">
                                                        <span href="">对讲机</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/615.jpg" alt="">
                                                        <span href="">无人机</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/616.jpg" alt="">
                                                        <span href="">摄影机</span>
                                                    </div>
                                                </div>
                                                <div class="ml-a" style="width: 50%!important;">
                                                    <div class="ml">
                                                        <img src="images/621.jpg" alt="">
                                                        <span href="">照相机</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/622.jpg" alt="">
                                                        <span href="">智能门锁</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/623.jpg" alt="">
                                                        <span href="">视频门铃</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/624.png" alt="">
                                                        <span href="">小爱老师</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/625.jpg" alt="">
                                                        <span href="">小爱音响</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <a href="">电源 配件</a>
                                            <div class="mk" style="width: 745px!important;top: -273px">
                                                <div class="ml-a" style="width: 33.33%">
                                                    <div class="ml">
                                                        <img src="images/711.jpg" alt="">
                                                        <span href="">移动电源</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/712.jpg" alt="">
                                                        <span href="">数据线</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/713.jpg" alt="">
                                                        <span href="">车充</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/714.jpg" alt="">
                                                        <span href="">充电器</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/715.jpg" alt="">
                                                        <span href="">无线充</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/716.jpg" alt="">
                                                        <span href="">电池</span>
                                                    </div>
                                                </div>
                                                <div class="ml-a" style="width: 33.33%">
                                                    <div class="ml">
                                                        <img src="images/721.jpg" alt="">
                                                        <span href="">自拍杆</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/722.jpg" alt="">
                                                        <span href="">手机壳</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/723.jpg" alt="">
                                                        <span href="">手机贴膜</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/724.jpg" alt="">
                                                        <span href="">手机支架</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/725.jpg" alt="">
                                                        <span href="">平板配件</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/726.jpg" alt="">
                                                        <span href="">黑纱配件</span>
                                                    </div>
                                                </div>
                                                <div class="ml-a" style="width: 33.33%">
                                                    <div class="ml">
                                                        <img src="images/731.jpg" alt="">
                                                        <span href="">其他配件</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <a href="">健康 儿童</a>
                                            <div class="mk" style="top: -315px!important;">
                                                <div class="ml-a">
                                                    <div class="ml">
                                                        <img src="images/811.jpg" alt="">
                                                        <span href="">洗手机</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/812.jpg" alt="">
                                                        <span href="">剃须刀</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/813.jpg" alt="">
                                                        <span href="">日光镜</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/814.jpg" alt="">
                                                        <span href="">牙刷</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/815.jpg" alt="">
                                                        <span href="">吹风机</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/816.jpg" alt="">
                                                        <span href="">体重秤</span>
                                                    </div>
                                                </div>
                                                <div class="ml-a">
                                                    <div class="ml">
                                                        <img src="images/821.jpg" alt="">
                                                        <span href="">体脂秤</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/822.jpg" alt="">
                                                        <span href="">血压计</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/823.jpg" alt="">
                                                        <span href="">体温计</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/824.jpg" alt="">
                                                        <span href="">早教启智</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/825.jpg" alt="">
                                                        <span href="">遥控电动</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/826.jpg" alt="">
                                                        <span href="">益智积木</span>
                                                    </div>
                                                </div>
                                                <div class="ml-a">
                                                    <div class="ml">
                                                        <img src="images/831.jpg" alt="">
                                                        <span href="">儿童手表</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/832.jpg" alt="">
                                                        <span href="">儿童滑板车</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/833.jpg" alt="">
                                                        <span href="">米兔拉杆箱</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/834.jpg" alt="">
                                                        <span href="">婴儿推车</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/835.jpg" alt="">
                                                        <span href="">儿童书包</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/836.jpg" alt="">
                                                        <span href="">婴儿理发器</span>
                                                    </div>
                                                </div>
                                                <div class="ml-a">
                                                    <div class="ml">
                                                        <img src="images/841.jpg" alt="">
                                                        <span href="">儿童保温杯</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/842.jpg" alt="">
                                                        <span href="">走步机</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/843.jpg" alt="">
                                                        <span href="">点读笔</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <a href="">耳机 音响</a>
                                            <div class="mk" style="width: 496px!important;top: -357px!important;">
                                                <div class="ml-a" style="width: 50%!important;">
                                                    <div class="ml">
                                                        <img src="images/911.jpg" alt="">
                                                        <span href="">小米小爱音响mini</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/912.jpg" alt="">
                                                        <span href="">线控耳机</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/913.jpg" alt="">
                                                        <span href="">蓝牙耳机</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/914.jpg" alt="">
                                                        <span href="">头戴耳机</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/915.jpg" alt="">
                                                        <span href="">品牌耳机</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/916.jpg" alt="">
                                                        <span href="">蓝牙音箱</span>
                                                    </div>
                                                </div>
                                                <div class="ml-a" style="width: 50%!important;">
                                                    <div class="ml">
                                                        <img src="images/921.jpg" alt="">
                                                        <span href="">小米AI音响</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/922.jpg" alt="">
                                                        <span href="">小米小爱音响HD</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/923.jpg" alt="">
                                                        <span href="">K歌耳机</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <a href="">生活 箱包</a>
                                            <div class="mk" style="top: -399px!important;">
                                                <div class="ml-a">
                                                    <div class="ml">
                                                        <img src="images/1011.jpg" alt="">
                                                        <span href="">双肩包</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/1012.jpg" alt="">
                                                        <span href="">钱包</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/1013.jpg" alt="">
                                                        <span href="">旅行箱</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/1014.jpg" alt="">
                                                        <span href="">运动鞋</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/1015.jpg" alt="">
                                                        <span href="">服饰</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/1016.jpg" alt="">
                                                        <span href="">眼镜</span>
                                                    </div>
                                                </div>
                                                <div class="ml-a">
                                                    <div class="ml">
                                                        <img src="images/1021.jpg" alt="">
                                                        <span href="">床垫</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/1022.png" alt="">
                                                        <span href="">枕头</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/1023.png" alt="">
                                                        <span href="">沙发</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/1024.jpg" alt="">
                                                        <span href="">饰品</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/1025.jpg" alt="">
                                                        <span href="">螺丝刀</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/1026.jpg" alt="">
                                                        <span href="">保温杯</span>
                                                    </div>
                                                </div>
                                                <div class="ml-a">
                                                    <div class="ml">
                                                        <img src="images/1031.jpg" alt="">
                                                        <span href="">伞</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/1032.jpg" alt="">
                                                        <span href="">驱蚊器</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/1033.jpg" alt="">
                                                        <span href="">尤克里里</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/1034.jpg" alt="">
                                                        <span href="">毛巾/浴巾</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/1035.jpg" alt="">
                                                        <span href="">米兔</span>
                                                    </div>
                                                    <div class="ml">
                                                        <img src="images/1036.jpg" alt="">
                                                        <span href="">笔</span>
                                                    </div>
                                                </div>
                                                <div class="ml-a">
                                                    <div class="ml">
                                                        <img src="images/1041.jpg" alt="">
                                                        <span href="">床</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="nav-item active"></li>
                            <li class="nav-item active">
                                <a class="nav-link" href="#">Redime 红米<span class="sr-only">(current)</span></a>
                            </li>
                            <li class="nav-item active">
                                <a class="nav-link" href="#">电视<span class="sr-only">(current)</span></a>
                            </li>
                            <li class="nav-item active">
                                <a class="nav-link" href="#">笔记本<span class="sr-only">(current)</span></a>
                            </li>
                            <li class="nav-item active">
                                <a class="nav-link" href="#">家电<span class="sr-only">(current)</span></a>
                            </li>
                            <li class="nav-item active">
                                <a class="nav-link" href="#">路由器<span class="sr-only">(current)</span></a>
                            </li>
                            <li class="nav-item active">
                                <a class="nav-link" href="#">智能硬件<span class="sr-only">(current)</span></a>
                            </li>
                            <li class="nav-item active">
                                <a class="nav-link" href="#">服务<span class="sr-only">(current)</span></a>
                            </li>
                            <li class="nav-item active">
                                <a class="nav-link" href="#">社区<span class="sr-only">(current)</span></a>
                            </li>
                            <li class="nav-item active inpu">
                                <form class="form-inline my-2 my-lg-0">
                                    <input class="form-control mr-sm-2" style="font-size: 12px" type="search" placeholder="小米9  小米9SE" aria-label="Search">
                                    <button class="btn btn-outline-success my-2 my-sm-0" type="submit">
                                        <i class="sousuo iconfont" style="vertical-align: -1px;font-size: 22px">&#xe600;</i>
                                    </button>
                                </form>
                            </li>
                        </ul>
                        <div class="gg">
                            <a href="">购物车中还没有商品，赶紧选购吧！</a>
                        </div>

                    </div>
                </div>
            </nav>
        </div>
    </div>
</div>
<div class="told">
    <div class="container">
        <h5>小米手环4</h5>
        <div class="to">
            <div class="to-left">
                <a href="">| 小米手环4NFC版</a>
            </div>
            <div class="to-right">
                <a href="">概述</a>
                <span class="iconfont shu" style="color: #e0e0e0">&#xe606;</span>
                <a href="">公交城市</a>
                <span class="iconfont shu" style="color: #e0e0e0">&#xe606;</span>
                <a href="">参数</a>
                <span class="iconfont shu" style="color: #e0e0e0">&#xe606;</span>
                <a href="">F码通道</a>
                <span class="iconfont shu" style="color: #e0e0e0">&#xe606;</span>
                <a href="">用户评价</a>
            </div>
        </div>
    </div>
</div>
<div class="tont">
    <div class="container">
        <span>为方便你购买，请提前登录</span>
        <a href="">立即登录</a>
        <span class="iconfont huix" style="color: #b5b5b5">&#xe680;</span>
    </div>
</div>
<div class="navber">
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"><img src="images/i-1.png" alt=""></div>
                        <div class="swiper-slide"><img src="images/i-2.png" alt=""></div>
                        <div class="swiper-slide"><img src="images/i-3.png" alt=""></div>
                        <div class="swiper-slide"><img src="images/i-4.png" alt=""></div>
                        <div class="swiper-slide"><img src="images/i-5.png" alt=""></div>
                    </div>
                    <!-- Add Pagination -->
                    <div class="swiper-pagination swiper-pagination-white"></div>
                    <!-- Add Arrows -->
                    <i  class="swiper-button-next"></i>
                    <i  class="swiper-button-prev"></i>
                </div>

            </div>
            <div class="col-md-6 nav-right">
                <h4>小米手环4</h4>
                <p>全新 AMOLED 大屏彩显，支持77种个性主题。拥有20天的超长续航，能用支付宝抬手支付。50米防水，支持游泳模式。还能看微信.看来电.测心率.测睡眠。你的改变充今天开始。</p>
                <p class="erp">小米自营</p>
                <div class="pro">
                    <span>169元</span>
                    <span></span>
                    <span></span>
                </div>
                <div class="flow">
                    <span class="flow-a">赠品</span>
                    <span>增米粉卡，最高含100元话费</span>
                </div>
                <div class="fault">
                    <span>河北</span>
                    <span>邯郸市</span>
                    <span>丛台区</span>
                    <span>中华街道</span>
                    <a href=""><span class="chengaaa">修改</span></a>
                    <span class="xianh chengaaa">有现货</span>
                </div>
                <div class="xuanxxk">
                    <div class="list-warp">
                        <h5>选择版本</h5>
                    </div>
                    <div class="banben">
                        <div class="btn-a xbtn">
                            <span class="name">小米手环4 标准版</span>
                            <span class="price">169元</span>
                        </div>
                        <div class="btn-b xbtn">
                            <span class="name">小米手环4 NFC版</span>
                            <span class="price">229元</span>
                        </div>
                        <div class="btn-c xbtn">
                            <span class="name">小米手环4复仇者联盟</span>
                            <span class="price">349元</span>
                        </div>
                    </div>
                    <div class="list-warp">
                        <h5>选择颜色</h5>
                    </div>
                    <div class="yanse">
                        <ul>
                            <li class="smh"><a href="" class="smha"><img src="images/smh.png" alt=""> &nbsp;石墨黑</a></li>
                            <li><a href=""><img src="images/skl.png" alt=""> &nbsp;深空蓝</a></li>
                            <li><a href=""><img src="images/jh.png" alt=""> &nbsp;酒红</a></li>
                            <li><a href=""><img src="images/rlc.png" alt=""> &nbsp;热力橙</a></li>
                        </ul>
                    </div>
                    <div class="zongji">
                        <div class="zj-a">
                            <div class="zongone">
                                <span>小米手环4 石墨黑</span>
                            </div>
                            <div class="zongtwo">
                                <span>169元</span>
                            </div>
                        </div>
                        <div class="zjjjj">
                            总计：169元
                        </div>
                    </div>
                    <div class="jiaru">
                        <ul>
                            <li class="ru-one"><a href="" class="jiache">加入购物车</a></li>
                            <li class="ru-two"><a href="" class="xihuan"><span class="iconfont xin">&#xe74b;</span> &nbsp;喜欢</a></li>
                        </ul>
                    </div>
                    <div class="dui">
                        <a href=""><span><span class="iconfont dui">&#xe627;</span> 小米自营</span></a>
                        <a href=""><span><span class="iconfont dui">&#xe627;</span> 小米发货</span></a>
                        <a href=""><span><span class="iconfont dui">&#xe627;</span> 7天无理由退货</span></a>
                        <a href=""><span><span class="iconfont dui">&#xe627;</span> 运费说明</span></a>
                        <a href=""><span><span class="iconfont dui">&#xe627;</span> 售后服务政策</span></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="sect">
    <div class="container">
        <h4>价格说明</h4>
        <img src="images/ttt.jpeg" alt="">
    </div>
</div>
<div class="main">
    <div class="container">
        <div class="main-service">
            <ul>
                <li><a href=""><span class="iconfont wx" style="vertical-align: -1px;">&#xe61b;</span>预约维修服务</a></li><span class="iconfont shu" style="color: #e0e0e0">&#xe606;</span>
                <li><a href=""><span class="iconfont th" style="vertical-align: -1px;">&#xe613;</span>7天无理由退货</a></li><span class="iconfont shu" style="color: #e0e0e0">&#xe606;</span>
                <li><a href=""><span class="iconfont hh" style="vertical-align: -2px;">&#xe604;</span>15天免费换货</a></li><span class="iconfont shu" style="color: #e0e0e0">&#xe606;</span>
                <li><a href=""><span class="iconfont by" style="vertical-align: -2px;">&#xe62f;</span>满150元包邮</a></li><span class="iconfont shu" style="color: #e0e0e0">&#xe606;</span>
                <li><a href=""><span class="iconfont wd">&#xe601;</span>520余家售后网点</a></li>
            </ul>
        </div>
        <div class="main-links">
            <dl>
                <dt>帮助中心</dt>
                <dd><a href="">账户管理</a></dd>
                <dd><a href="">购物指南</a></dd>
                <dd><a href="">订单操作</a></dd>
            </dl>
            <dl>
                <dt>服务支持</dt>
                <dd><a href="">售后服务</a></dd>
                <dd><a href="">自助服务</a></dd>
                <dd><a href="">相关下载</a></dd>
            </dl>
            <dl>
                <dt>线下门店</dt>
                <dd><a href="">小米之家</a></dd>
                <dd><a href="">服务网点</a></dd>
                <dd><a href="">授权体验店</a></dd>
            </dl>
            <dl>
                <dt>关于小米</dt>
                <dd><a href="">了解小米</a></dd>
                <dd><a href="">加入小米</a></dd>
                <dd><a href="">投资者关系</a></dd>
            </dl>
            <dl>
                <dt>关注我们</dt>
                <dd><a href="">新浪微博</a></dd>
                <dd><a href="">官方微信</a></dd>
                <dd><a href="">联系我们</a></dd>
            </dl>
            <dl>
                <dt>特色服务</dt>
                <dd><a href="">F 码通道</a></dd>
                <dd><a href="">礼物码</a></dd>
                <dd><a href="">防伪查询</a></dd>
            </dl>
            <div class="dll">
                <p>400-100-5678</p>
                <span>周一至周日8:00-18:00 <br>
                (仅收市话费)</span>
                <a href="" class="iconfont lxkf">&#xe650; 联系客服</a>
            </div>
        </div>
        <footer>
            <div class="info">
                <img class="info1" src="images/logo-footer.png" alt="">
                <p class="fo1">
                    <a href="">小米商城<span class="iconfont shu">&#xe606;</span></a><a href="">MIUI<span class="iconfont shu">&#xe606;</span></a><a href="">米家<span class="iconfont shu">&#xe606;</span></a><a href="">米聊<span class="iconfont shu">&#xe606;</span></a><a href="">多看<span class="iconfont shu">&#xe606;</span></a><a href="">游戏<span class="iconfont shu">&#xe606;</span></a><a href="">路由器<span class="iconfont shu">&#xe606;</span></a><a href="">米粉卡<span class="iconfont shu">&#xe606;</span></a><a href="">企政服务<span class="iconfont shu">&#xe606;</span></a><a href="">小米天猫店<span class="iconfont shu">&#xe606;</span></a><a href="">隐私政策<span class="iconfont shu">&#xe606;</span></a><a href="">商城用户协议<span class="iconfont shu">&#xe606;</span></a><a href="">账号协议<span class="iconfont shu">&#xe606;</span></a><a href="">问题反馈<span class="iconfont shu">&#xe606;</span></a><a href="">廉正举报<span class="iconfont shu">&#xe606;</span></a><a href="">诚信合规<span class="iconfont shu">&#xe606;</span></a><a href="">Select Region</a>
                </p>
                <p class="fo2">
                    <span>&copy;</span>
                    <a href="">mi.com</a>
                    <span>京ICP证110507号</span>
                    <a href="">京ICP备10046444号</a>
                    <a href="">京公安网备11010802020134号</a>
                    <a href="">京网文[2017]1530-131号</a>
                    <br><a href="">(京)网械平台备字(2018)第00005号</a>
                    <a href="">互联网药品信息服务资格证(京)-非经营性-2014-0090</a>
                    <a href="">营业执照</a><a href="">医疗器械公告</a>
                    <br><a href="">增值电信业务许可证</a>
                    <span>网络食品经营备案(京)【2018】WLSPJYBAHF-12</span>
                    <a href="">食品经营许可证</a> <br>
                    <span>违法不良信息举报电话:185-0130-1238</span>
                    <a href="">知识产权侵权投诉</a>
                    <span>本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</span>
                </p>
                <div class="fo3">
                    <a href=""><img src="images/fo-1.png" alt=""></a>
                    <a href=""><img src="images/fo-2.png" alt=""></a>
                    <a href=""><img src="images/fo-3.png" alt=""></a>
                    <a href=""><img src="images/fo-4.png" alt=""></a>
                    <a href=""><img src="images/fo-5.png" alt=""></a>
                </div>
                <div class="fo4">
                    <img src="images/fashao.png" alt="">
                </div>
            </div>
        </footer>
    </div>
</div>
<div class="da">
    <div class="kuang">
        <div class="shi">
            <div class="t">
                <p>雷军对话王源<span class="iconfont huix">&#xe680;</span></p>

            </div>
            <video controls="controls" src="images/video-1.mp4" type="video/mp4"></video>
        </div>
    </div>
    <div class="kuang">
        <div class="shi">
            <div class="t">
                <p>雷军对话王源<span class="iconfont huix">&#xe680;</span></p>
            </div>
            <video controls="controls" src="images/video-2.mp4" type="video/mp4"></video>
        </div>
    </div>
    <div class="kuang">
        <div class="shi">
            <div class="t">
                <p>小米MIX 3 磁动力滑盖全面屏<span class="iconfont huix">&#xe680;</span></p>
            </div>
            <video controls="controls" src="images/video-3.mp4" type="video/mp4"></video>
        </div>
    </div>
    <div class="kuang">
        <div class="shi">
            <div class="t">
                <p>小米手环4<span class="iconfont huix">&#xe680;</span></p>
            </div>
            <video controls="controls" src="images/video-4.mp4" type="video/mp4"></video>
        </div>
    </div>
</div>
<script src="js/vue.js"></script>
<script src="js/axios.min.js"></script>
<script src="node_modules/jquery/dist/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.15.0/umd/popper.min.js"></script>
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="swiper-4.5.0/dist/js/swiper.min.js"></script>
<script src="js/script3.js"></script>
</body>
</html>